@extends('home.base')
@section('content')
<!-- 主体内容 begin -->
<div class="product_wrapper" id="main_bd">
    <!-- 顶部通栏 begin -->
    <div id="ad_cpt_top_11565" class="topbanner_all">
        <div>
            <a href="#" target="_blank" rel="nofollow">
                <img src="./wukongzhuan/2016082318362510537.jpg">
            </a>
        </div>
    </div>    <!-- 顶部通栏 end -->
    <!-- 面包屑 begin -->
        <!-- 面包屑 begin -->
    <div class="breadcrumb" name="__Breadcrumb_pub" dd_name="顶部面包屑导航">
        <a href="#" >{{$list->fenlei1}}</a>
        <span class="gt">&gt;</span>
        <a href="#" >{{$list->fenlei2}}</a>
        <span class="gt">&gt;</span>
        <a href="" >{{$list->fenlei3}}</a>
        <span class="gt">&gt;</span>
        <!-- 忘了怎么截取字符串了 ↓-->
        <span>{{ iconv_substr($list->title,0,32) }}
        <!-- <span>悟空传（今何在现象级长销作品热血回归，2016修订版！彭于晏倪妮 -->
            <span class="dot">...</span>
        </span>
    </div> 
    <!-- 面包屑 end -->
    <!-- 面包屑 end -->

    <!-- 图书展示区 begin -->
    <div class="product_main clearfix" dd_name="单品区域">
        <div class="pic_info">
        
<!-- 大图区 begin -->

    <!-- <div id="zoom" style="
        width:150px;height:150px;
        border:1px solid lime;
        position:absolute;left:113px;top:300px;
        background:url('') no-repeat;
        display:block;
        cursor:move;
        z-index:-1">  
        铁三通
    </div> -->
    <div class="pic" id="largePicDiv">
        <a href="javascript:;" class="img" id="img_click">
            <img id="showPic" alt="{{$list->contents}}" src="{{url('./uploads/admin')}}/{{$list->pic1}}" dd_name="大图" name="" style="cursor:move">
            <!-- <div id="move" class="zoom_pup" 
            style="position: absolute;left: 0px;top: 0px;/*background: url(images/zoom_pup.png);*/ _background-image: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&#39;images/zoom_pup.png&#39;
            ,sizingMethod=&#39;scale&#39;); display:none"></div> -->
        </a>

    <!-- 加价购 -->
        <div style="background:url() no-repeat;height:68px;width:68px;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&#39;http://img51.ddimg.cn/itemicon/new/jjg_c.png&#39;,sizingMethod=&#39;noscale&#39;);" class="icon_promote"></div>
        <a href="javascript:;" class="icon_online" dd_name="在线试读" style="" id="main_img_extract" extract_type="detail"></a> 
        <div class="big_pic" style="display:none;" id="detailPic">
            <!-- src="./wukongzhuan/23962996-1_u_24.jpg" -->
            <img id="detailPicShow" src="{{url('./uploads/admin')}}/{{$list->pic1}}" alt="" height="800" width="800">
        </div>
    </div>
    <div class="dp_slide" id="slide_img">
        <!--不可点击调取prev_none，next_none-->
        <a href="javascript:;" dd_name="角度图左箭头"></a>
        <a href="javascript:;" dd_name="角度图右箭头"></a>
        <div class="dp_slide_box">
            <ul>
                @foreach($list->pic as $picaa)
                <li> 
                    <a href="javascript:;" > <img class="hoverImg" src="{{url('uploads/admin')}}/{{$picaa}}" width="50"></a>
                </li>
                @endforeach
                <!-- imghref="http://img3x6.ddimg.cn/46/20/23962996-1_w_24.jpg"
                imghref="http://img3x6.ddimg.cn/46/20/23962996-2_w_24.jpg"
                imghref="http://img3x6.ddimg.cn/46/20/23962996-3_w_5.jpg"  -->
                <!-- <li tag="2"> 
                    <a href="javascript:;" > <img class="hoverImg" src="{{url('uploads/admin')}}/{{$list->pic2}}" width="50"></a>
                </li> 
                <li tag="3">
                    <a href="javascript:;" > <img class="hoverImg" src="{{url('uploads/admin')}}/{{$list->pic3}}" width="50"></a> 
                </li> -->
            </ul>
        <script type="text/javascript">
            //放大镜效果
            $(function(){
                
                //划过小图出现大图
                $('.hoverImg').mouseover(function(){

                    //小图的地址src
                     var src = $(this).attr('src');

                    //放到大图的里面替换掉其src
                     $('#showPic').attr('src',src);
                });

                //放到大图上出现细节图
                $('#largePicDiv').mouseover(function(){

                    //替换细节图，改成显示的图
                    $('#detailPicShow').attr('src',$('#showPic').attr('src'));

                    //显示
                    $('#detailPic').css('display','block');

                    $('#zoom').css('display','block');

                //移出来的时候关闭放大镜    
                }).mouseout(function(){
                    $('#detailPic').css('display','none');
                    $('#zoom').css('display','none');
                });

                //绑定鼠标移动事件
                $('#largePicDiv').mousemove(function(ent){

                    var offset = $(this).offset();

                    //计算出鼠标在图层上的定位
                    var x = ent.pageX-offset.left;
                    var y = ent.pageY-offset.top;

                    //设置放大图层的滚动图层位置
                    $("#detailPic").scrollTop(y*1.5-100).scrollLeft(x*1.5-50);

                    // var xx = ent.pageX;   ??
                    // var yy = ent.pageY;   ？？为什么不是用这个而是用 x和y
                    //设置磨砂的位置 （不出来就算了，能放大就行了，有种思路是把那个showPic设置为背景）
                    $('#zoom').css('left',x-188);
                    
                    $('#zoom').css('top',y-375);
                });
            });
        </script>
        </div>
    </div>
    <div class="share_div clearfix">
        <a href="javascript:;" class="btn_scsp" prd="23962996" title="收藏" id="collect_left" dd_name="收藏商品">
            <i></i>收藏商品
        </a>
    </div>
    <!--自己加的收藏板块不用弹框-->
    <div id='myscdiv3' style="border:4px dashed lime;width:320px;height:194px;position:absolute;background-color:#eee;display:none">
        
        <table border='0' width="300" height='190' align="center">
            
            <tr>
                <td align="center" style="color:red">商品存在收藏中,已更新收藏时间！</td>
            </tr>    
            <tr align="center">
                <td colspan="2">
                    <a href="{{url('home/mysc')}}">
                        查看我的收藏>>
                    </a>
                </td>
            </tr>
        </table>
        <div onclick="offsc()" style="border:1px solid red;width:20px;height:20px;float:right;position:relative;top:-18px;background-color:orange"></div>
    </div>
    <div id='myscdiv2' style="border:4px dashed lime;width:320px;height:194px;position:absolute;background-color:#eee;display:none">
        
        <table border='0' width="300" height='190' align="center">
            
            <tr>
                <td align="center" style="color:red">标签已保存！</td>
            </tr>    
            <tr align="center">
                <td colspan="2">
                    <a href="{{url('home/mysc')}}">
                        查看我的收藏>>
                    </a>
                </td>
            </tr>
        </table>
        <div onclick="offsc()" style="border:1px solid red;width:20px;height:20px;float:right;position:relative;top:-18px;background-color:orange"></div>
    </div>
    <div id='myscdiv' style="border:4px dashed lime;width:320px;height:194px;position:absolute;background-color:#eee;display:none">
        <form action="" method="post" id="myscform" onsubmit="return false">
            <input type='hidden' name="_token" value="<?php echo csrf_token(); ?>"><!-- 加密 -->
            <input type="hidden" name="bid" value="{{$list->id}}"><!-- 书名 -->
            <table border='0' width="300" height='190' align="center" id='mysctable'>
                <tr align="center">
                    <td colspan="2" style="color:red">已成功加入收藏!</td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <a href="{{url('home/mysc')}}">
                            查看我的收藏>>
                        </a>
                    </td>
                </tr>
            
                <tr>
                    <td>自定义标签</td>
                    <td>    
                        <input type="text" name="tag" id='mytag'>
                        <br>
                        <span id='usekg' style='color:blue'>标签用空格隔开最多3个哦</span>
                        <span id='dont3' style='color:red;display:none'>标签不能超过3个！</span>
                    </td>
                </tr>
                <tr>
                    <td>常用标签</td>
                    <td>
                        <input type="button" value="bb">  &nbsp;&nbsp;
                        <input type="button" value="送朋友的">&nbsp;&nbsp;    
                        <input type="button" value="待购">  &nbsp;&nbsp;  
                        <input type="button" value="一定要读的书"> &nbsp;&nbsp;<br>
                        <input type="button" value="网络文学">&nbsp;&nbsp;
                        <input type="button" value="暑假">&nbsp;&nbsp;
                        <input type="button" value="游记">&nbsp;&nbsp;
                    </td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <input type="submit" value="保存标签" id='mytagsubmit' onclick="addtags()">
                    </td>
                </tr>
            
            </table>
        </form>
        <div onclick="offsc()" style="border:1px solid red;width:20px;height:20px;float:right;position:relative;top:-18px;background-color:orange"></div>
    </div>
    <!--自已弄的收藏end-->
    <script type="text/javascript">
        $(function(){

            $('#collect_left').click(function(){
                // window.location.href="{{url('home/myscadd')}}?price="+{{$list->youhuiPrice}};
                //点击收藏执行的操作，未登录直接弹登录
                $.ajax({
                    url:"{{URL('home/myscadd')}}?price="+{{$list->youhuiPrice}},
                    type:"POST",
                    data:$('#myscform').serialize(),
                    dataType:'text',
                    async:true,
                    success:function(data){
                        if(data == 'login'){
                            window.location.href="{{url('home/login')}}";
                            return;
                        }//可能是ajax即使抓取到了没登录但是它也不会跳啊！所以就这样！

                        if(data=='more3'){

                            //隐藏提示，弹出警告
                            $('#usekg').hide();
                            $('#dont3').show();
                        }else if(data=='have'){

                            //提示已经被收藏，并且更新收藏时间
                            $('#myscdiv3').show();
                        }else{

                            //显示收藏成功画面，届时把这里放到success里面
                            $('#myscdiv').slideDown('slow');
                        }
                    },
                    error:function(){
                        
                    }
                });
            });

            //获取标签里面的默认值
            $('input[type="button"]').click(function(){

                //将标签空格隔开最多选三个
                $('#mytag').val($('#mytag').val()+' '+$(this).val());
            });
        });

        //隐藏我的收藏
        function offsc(){
            //不管哪个开着总之都关闭
            $('#myscdiv').slideUp('slow');
            $('#myscdiv2').slideUp('slow');
            $('#myscdiv3').slideUp('slow');
        }

        //点击保存标签
        function addtags(){
            var tags = $('#mytag').val();
            var bookid = {{$list->id}}
            //将表单串行化过去插入到收藏的表格里，然后告诉用户成功了
            $.ajax({
                url:"{{url('home/addtags')}}",
                type:"get",
                data:{tag:tags,bid:bookid},
                dataType:'text',
                async:true,
                success:function(data){
                    //标签不能超过3个
                    if(data=='more3'){

                        $('#usekg').hide();
                        $('#dont3').show();
                    }else{
                        //显示添加标签成功
                       $('#myscdiv').hide();//隐藏
                       $('#myscdiv2').show();//显示这个
                    }
                    
                },
                error:function(){
                    
                }
            });
        }
    </script>
<!-- 大图区 end -->

<!-- 大图区 点击后模态浮层 start -->
    <div class="masks" style="display: none" id="mainimg_masks">
        <div class="masks_bg">
            <iframe></iframe>
        </div>

        <div class="large_image">
            <a href="javascript:;" class="close" id="masks_close"></a>
            <div class="large_image_pic">

                <div class="large_l" ><!-- id="mask_left" -->
                    <a href="javascript:;" ></a><!-- id="mask_left" -->
                </div>

                <div class="large_r" ><!-- id="mask_right" -->
                    <a href="javascript:;" ></a><!-- id="mask_right" -->
                </div>

                <img alt="" title="" src="./wukongzhuan/23962996-1_w_24.jpg" id="mask_big_img">
            </div>
            <div class="large_wrap_right">
                <a href="javascript:;" class="btn_a prev" id="mask_up"></a>
                <a href="javascript:;" class="btn_a next" id="mask_down"></a>
                <div class="img_list" id="mask_small_list">
                    <ul tag="1">
                        <li tag="1">
                            <a class="hover" href="javascript:;" imghref="http://img3x6.ddimg.cn/46/20/23962996-1_w_24.jpg">
                                <img src="./wukongzhuan/23962996-1_m_24.jpg">
                            </a> 
                        </li>
                        <li tag="2">
                            <a href="javascript:;" imghref="http://img3x6.ddimg.cn/46/20/23962996-2_w_24.jpg"> 
                                <img src="./wukongzhuan/23962996-2_m_24.jpg">
                            </a> 
                        </li>
                        <li tag="3">
                            <a href="javascript:;" imghref="http://img3x6.ddimg.cn/46/20/23962996-3_w_5.jpg"> 
                                <img src="./wukongzhuan/23962996-3_m_5.jpg">
                            </a> 
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
<!-- 大图区 点击后模态浮层  end -->
</div>
    <div class="show_info">
        <div class="sale_box clearfix">
            <div class="sale_box_left">
                    <!-- 标题区 begin -->
                <div class="name_info">
                    <h1 title="{{$list->title}}">
                        <img src="./wukongzhuan/icon_wx.png" class="icon_name" style="display:none">
                        <img src="./wukongzhuan/icon_hw.png" class="icon_name" style="display:none">
                        {{$list->title}}    
                    </h1>
                    <h2>
                        <span class="head_title_name" title="{{$list->contents}}。&#160; 青春动漫图书 5折封顶 点击查看详情&gt;&gt;&#160;">
                            {{$list->contents}}&nbsp;
                        </span>
                        <span class="hot" title="{{$list->contents}}。&#160; 青春动漫图书 5折封顶 点击查看详情&gt;&gt;&#160;"><br>
         <!-- <a target="_blank" href="http://book.dangdang.com/20160822_zxso">青春动漫图书 5折封顶 点击查看详情&gt;&gt;</a> -->
                        <br>&nbsp;&nbsp;
                        </span>
                        <span class="yushou" id="dp_presell"></span>    
                    </h2>
                </div>
                    <!-- 标题区 end -->
                <div class="messbox_info">
                               
                    <span class="t1" id="author" dd_name="作者">
                        作者:<a href="#" target="_blank">
                                {{$list->auth}}
                            </a>
                    </span>

                    <span class="t1" dd_name="出版社">
                        出版社:<a href="javascript:;" target="_blank">{{$list->chubanshe}}</a>
                    </span>
                  
                    <span class="t1">出版时间:{{$list->chubantime}}&nbsp;</span>
                    <div class="pinglun">
                        <span class="t1" id="pubbang" style="display:none" dd_name="图书排行榜排名"></span>
                        <span class="star_box">
                            <span class="star" style="color:#ffcc00;line-height:10px" >
                                @for($i=0;$i<($list->hpl)/100*5;$i++)
                                    ★
                                @endfor
                            </span>
                        </span>
                        <a href="http://product.dangdang.com/23962996.html#review_point" id="comm_num_down" dd_name="评论数">
                            {{$list->commentNum}}
                        </a>条评论
                    </div>                      
                </div>
                    <!-- 价格begin -->
                <div class="d15_price_info clearfix">
                    <div class="price_pc">
                        <div class="price_d">
                            <p class="t" id="price_type">当当价</p>
                                <p id="price_sale">
                                    <span class="yen">￥</span>
                                    {{$list->youhuiPrice}}
                                </p>
                        </div>
                        <div class="price_zhe" id="price_discount">
                            {{round($list->youhuiPrice/$list->marketPrice*10,2)}}折
                        </div>
                        <div class="price_m">
                            <span class="yen">￥</span>
                            {{$list->marketPrice}}
                        </div>
                    </div>
                </div>
                <div class="cuxiao_info clearfix" dd_name="促销" name="promo">
                    <div class="left letter02">
                        @if($list->cuxiao)
                        促销
                    </div>
                    <div class="right">
                        <div class="clearfix" dd_name="电子书加价购">
                            <b>电子书加价购</b>
                                <div class="rule rule06">
                                    <ul class="list_e">
                                        <li id="ebook_jjg_1900550333">
                                            <a href="javascript:void(0)" class="checkboxa" ></a>
                                            <a href="javascript:;" class="jia_gou_e" title="孤独小说家(电子书)作者：(日)石田衣良" target="_blank">
                                                +9.00元换购《孤独小说家(电子书)》作者：(日)石田衣良
                                                <input type="hidden" value="9.00" name="eprice">
                                                <input type="hidden" value="3407280" name="promoid">
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                        </div>
                        <input type="hidden" id="selected_prd_id" ptype="229" eprice="" promoid="" data-value="">
                    </div>
                        @endif
                </div><!-- 价格end -->
                <!-- 配送至 begin-->
                <span id="stock_span" iscatalog="" shop_id="0" prd_id="23962996" page_type="book" template_id="0"></span>
                <div class="area_info clearfix" id="stock_html">
                <div class="left letter03">配送至</div>
                <div class="right">
                    <div class=""><!-- select_add clearfix -->
                        <span class="text" id="select_add" dd_name="配送至">请选择收货地址</span>
                        <script type="text/javascript">

                            //div的城市三级联动
                            $(function(){
                                //显示城市的信息
                                $('#select_add').click(function(){
                                    $('.area_pop').css('display','block');
                                });

                                //关闭显示
                                $('#address_close').click(function(){
                                    $('.area_pop').css('display','none');
                                });

                                //获取第一次选择的城市的地址的(省)id
                                $('#addr_province li a').click(function(){
                                
                                    //点击的id的值
                                    var zhi = $(this).attr('id');
                                    // window.location.href="{{URL('home/detail/create')}}";
                                    
                                    //头改为点击时的省份
                                    $('#province_top').html($(this).html());

                                    //出现市级的标题
                                    $('#city_top').css('display','block');

                                    $.ajax({
                                        url:"{{URL('home/detail/create')}}",
                                        type:"GET",
                                        data:{'id':zhi},
                                        dataType:'text',
                                        async:true,
                                        success:function(data){
                                            
                                            //去掉其他的显示的可以选的数据
                                            $("ul[class='list clearfix']").css('display','none');

                                            //只显示市级的内容
                                            $('#addr_city').html(data).css('display','block');

                                                //市级的被点击
                                                $('#addr_city li a').click(function(){
                                                    
                                                    //传id
                                                    var zhi = $(this).attr('id');

                                                    //头换成点击的城市
                                                    $('#city_top').html($(this).html());

                                                    //显示镇级别的头
                                                    $('#town_top').css('display','block');

                                                    $.ajax({
                                                        url:"{{URL('home/detail/create')}}",
                                                        type:"GET",
                                                        data:{'id':zhi},
                                                        dataType:'text',
                                                        async:true,
                                                        success:function(shuju){

                                                            //去掉其他级别的内容
                                                            $("ul[class='list clearfix']").css('display','none');

                                                            //显示镇级别的内容
                                                            $('#addr_town').html(shuju).css('display','block');
                                                                
                                                            //镇级别的被点击
                                                            $('#addr_town li a').click(function(){
                                                                
                                                                //传id
                                                                var zhi = $(this).attr('id');

                                                                //头换成点击的镇
                                                                $('#town_top').html($(this).html());

                                                                $.ajax({
                                                                    url:"{{URL('home/detail/create')}}",
                                                                    type:"GET",
                                                                    data:{'id':zhi},
                                                                    dataType:'text',
                                                                    async:true,
                                                                    success:function(valuee){

                                                                        //关闭不显示了，选完了~
                                                                        $('.area_pop').css('display','none');

                                                                        //把值放回去
                                                                        $('#select_add').html($('#province_top').html()+$('#city_top').html()+$('#town_top').html());

                                                                        //显示到货时间 ^_^
                                                                        $('#arr_time').html(valuee);
                                                                    },
                                                                    error:function(error1){
                                                                        
                                                                    }
                                                                });
                                                            });
                                                        },
                                                        error:function(error){
                                                        
                                                    }
                                                });
                                            });
                                        },
                                        error:function(err){
                                            
                                        }
                                    });
                                });

                                //省头被点击
                                $('#province_top').click(function(){
                                    // document.write($('#addr_province').html()+$('#addr_city').html()+$('#addr_town'));
                                    //去掉其他头
                                    $('#city_top').html('请选择').css('display','none');//市头
                                    $('#town_top').html('请选择').css('display','none');//镇头

                                    //隐藏市内容
                                    $('#addr_city').css('display','none');
                                    
                                    //隐藏镇内容
                                    $('#addr_town').css('display','none');

                                    //显示省内容
                                    $('#addr_province').css('display','block');

                                });

                                //市头被点击
                                $('#city_top').click(function(){

                                    //隐藏镇头
                                    $('#town_top').html('请选择').css('display','none');

                                    //隐藏镇内容
                                    $('#addr_town').css('display','none');

                                    //显示市内容
                                    $('#addr_city').css('display','block');
                                });
                            });
                        </script>
                        <b></b>
                    <div class="area_pop" style="display:none" id="gather">                
                        <input type="hidden" id="stock_status" value="1" true_value="1">
                        <a href="javascript:;" class="close" id="address_close"></a>
                        
                        <ul class="tab" onclick="close()">
                            <li id="province_top" class="choose">
                                <a href="javascript:;">请选择</a>
                            </li>
                            <li id="city_top" style="display:none">
                                <a href="javascript:;">请选择</a>
                            </li>
                            <li id="town_top" style="display:none">
                                <a href="javascript:;">请选择</a>
                            </li>
                            <li id="area_top" style="display:none">
                                <a href="javascript:;">请选择</a>
                            </li>
                        </ul>
                        <ul class="list clearfix" id="addr_province">
                            <li><a href="javascript:;" id="1select_new_province_111">北京</a></li>
                            <li><a href="javascript:;" id="2select_new_province_112">天津</a></li>
                            <li><a href="javascript:;" id="3select_new_province_113">河北</a></li>
                            <li><a href="javascript:;" id="4select_new_province_114">山西</a></li>
                            <li><a href="javascript:;" id="5select_new_province_115">内蒙古</a></li>
                            <li><a href="javascript:;" id="6select_new_province_121">辽宁</a></li>
                            <li><a href="javascript:;" id="7select_new_province_122">吉林</a></li>
                            <li><a href="javascript:;" id="8select_new_province_123">黑龙江</a></li>
                            <li><a href="javascript:;" id="9select_new_province_131">上海</a></li>
                            <li><a href="javascript:;" id="10select_new_province_132">江苏</a></li>
                            <li><a href="javascript:;" id="11select_new_province_133">浙江</a></li>
                            <li><a href="javascript:;" id="12select_new_province_134">安徽</a></li>
                            <li><a href="javascript:;" id="13select_new_province_135">福建</a></li>
                            <li><a href="javascript:;" id="14select_new_province_136">江西</a></li>
                            <li><a href="javascript:;" id="15select_new_province_137">山东</a></li>
                            <li><a href="javascript:;" id="16select_new_province_141">河南</a></li>
                            <li><a href="javascript:;" id="17select_new_province_142">湖北</a></li>
                            <li><a href="javascript:;" id="18select_new_province_143">湖南</a></li>
                            <li><a href="javascript:;" id="19select_new_province_144">广东</a></li>
                            <li><a href="javascript:;" id="20select_new_province_145">广西</a></li>
                            <li><a href="javascript:;" id="21select_new_province_146">海南</a></li>
                            <li><a href="javascript:;" id="22select_new_province_150">重庆</a></li>
                            <li><a href="javascript:;" id="23select_new_province_151">四川</a></li>
                            <li><a href="javascript:;" id="24select_new_province_152">贵州</a></li>
                            <li><a href="javascript:;" id="25select_new_province_153">云南</a></li>
                            <li><a href="javascript:;" id="26select_new_province_154">西藏</a></li>
                            <li><a href="javascript:;" id="27select_new_province_161">陕西</a></li>
                            <li><a href="javascript:;" id="28select_new_province_162">甘肃</a></li>
                            <li><a href="javascript:;" id="29select_new_province_163">青海</a></li>
                            <li><a href="javascript:;" id="30select_new_province_164">宁夏</a></li>
                            <li><a href="javascript:;" id="31select_new_province_165">新疆</a></li>
                            <li><a href="javascript:;" id="32select_new_province_171">台湾</a></li>
                            <li><a href="javascript:;" id="33select_new_province_172">香港</a></li>
                            <li><a href="javascript:;" id="34select_new_province_173">澳门</a></li>
                            <!-- <li><a href="javascript:;" id="select_new_province_800000">钓鱼岛</a></li>  -->
                            <li><span style="cursor:pointer">钓鱼岛</sapn></li> 
                        </ul>
                        <ul class="list clearfix" id="addr_city" style="display:none"> 
                            
                        </ul>
                        <ul class="list clearfix" id="addr_town" style="display:none">
                            
                        </ul>
                        <ul class="list clearfix" id="addr_area" style="display:none">
                            
                        </ul>
                    </div>
                    <div class="yunfei" id="dd_delivery_show" dd_name="运费">
                        <b>
                            @if($list->youhuo)
                                有货
                            @else
                                缺货
                            @endif
                        </b>
                        <a id="dd_delivery_show" href="http://help.dangdang.com/details/page14" target="_blank" rel="nofollow">
                            满59元免运费
                        </a>
                        <ul id="delivery_description" style="display:none;">
                            <li><font style="color:red">●</font>&nbsp;&nbsp;钻石会员自营订单满49元(含)免运费</li>
                            <li><font style="color:red">●</font>&nbsp;&nbsp;其他会员自营订单满59元(含)免运费</li>
                            <li><font style="color:red">●</font>&nbsp;&nbsp;不足金额订单收取运费5元起</li>
                        </ul>
                        <script type="text/javascript">

                            //会员免运费的详细信息
                            $(function(){
                                $('#dd_delivery_show')
                                .mouseover(function(){
                                    $('#delivery_description').css('display','block');
                                })
                                .mouseout(function(){
                                    $('#delivery_description').css('display','none');
                                });
                            });
                        </script>
                    </div>
                    <b id="stock_writing_status">
                        
                    </b>
                </div>
            </div>
        </div>
        <div class="area_info clearfix">
            <div class="left letter02">服务</div>
            <div class="right">
                <div class="clearfix">
                    <span class="time">
                        由“<b>{{$list->keyWord}}</b>”发货，并提供售后服务。
                        <font id="arr_time"></font>
                    </span>
                </div>
            </div>
        </div>
                  <!-- 配送至 end -->
                    <!-- 按钮区 begin -->
		<form action="" id="myform" method="get"/>			
        <div class="buy_box clearfix">
            <div class="num">
                <input id="buy_num" name="buy_num" class="text" value="1" type="text" pbl="0" bn="1">

                <a href="javascript:void(0)" class="num_add" id="num_add" dd_name="数量加"></a>
                <a href="javascript:void(0)" class="num_del num_disabled" id="num_del" dd_name="数量减"></a>
                </div>
                <div class="buy_box_btn">
                <span id="viscosity_btn">
                <a href="#" class="btn btn_buy" id="part_buy_button" onclick="shopCar({{$list->id}});" dd_name="加入购物车" name="cart_buy" come_in="1"><i class="cart"></i>加入购物车</a>

                </span>
                <a href="javascript:void(0)" class="btn_buy_now" id="collect" prd="23962996" style="display:none" dd_name="收藏商品">收藏商品</a><a href="javascript:void(0)" class="btn_buy_now" id="buy_now_button" prd="23962996" dd_name="立即购买">
                    立即购买
                </a>
                <span class="tuan" id="tuan"><!--100人成团，已预定<b>98</b>件--></span>
            </div>
            <span id="prd_span" sa_flag="1" product_type="0" pre_arrival_date=""></span>
        </div><!-- 按钮区 end -->
		</form>
		<script type="text/javascript">
			//实现购买数量的变化
			$(function(){
				//实现数量增加
				$("#num_add").click(function(){
					var num = $("#buy_num").val();
					var num1 = parseInt(num) + 1;
					$("#buy_num").val(num1);
				});
				//实现数量减少
				$("#num_del").click(function(){
					var del = $("#buy_num").val();
					if(del>1){
						var del1 = parseInt(del) - 1;
						$("#buy_num").val(del1);
					}
				});
			});
			//实现购物车提交
			function shopCar(id){
				$("#myform").attr("action","{{url('home/shop/add')}}/"+id).submit(); 
			}
			
		</script>
    </div>
    <div class="service_more" id="shop_outer_div">
        <div class="narrow_dang">
            <a href="javascript:void(0)" class="dang" id="shop_btn">
                <img src="./wukongzhuan/narrow_dang.png" width="112" height="70">
            </a>
        </div>
        <div class="service_more_info">
            <p class="title clearfix">
                <span class="title_name">
                    <span class="icon dang"></span>
                    <span class="dang_red">当当自营</span>
                    <span id="live800_shopname">
                        <span class="live800" id="live800_product">
                            <span class="onlines" id="live800" onclick="ShopName.open_live_supplier();" style="display:none">
                                <a href="javascript:void(0)"></a>
                            </span>
                        </span>
                    </span>
                </span>
            </p>
            <ul class="fuwu clearfix" dd_name="当当信息">
                <li class="zpbz">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page13" target="_blank">正品保障</a>
                </li>
                <li class="hdfk" id="huodaofukuan">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page21" target="_blank">货到付款</a>
                    <span class="pop_lipin" id="shop_service_tip_huodao" style="display: none;">
                        该店铺大部分商品支持货到付款，本商品是否支持货到付款，请您以结算页为准
                    </span>
                </li>
                <li class="fwzc">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page13" target="_blank">服务支持</a>
                </li>
                <li class="cjfh">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page203" target="_blank">差价返还</a>
                </li>
                <li class="hh">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page28" target="_blank">15天换货</a>
                </li>
                <li class="lpbz" id="present_box">
                    <i></i>礼品包装
                    <span class="pop_lipin" style="display: none;">
                        每个订单收取一次包装费，费用8.00
                        <br>
                        每个订单可选一张贺卡，费用1.00
                        </span>
                </li>        
                <li class="zcth other">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page28" target="_blank">支持7天无理由退货</a>
                </li>
                <li class="zclpk other">
                    <i></i>
                    <a href="http://help.dangdang.com/details/page24" target="_blank">支持礼品卡</a> 
                </li>       
            </ul>
        </div>
    </div>
</div>
</div>
</div>
    <!-- 图书展示区 end -->
    <!-- content begin -->
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
<div class="product_content clearfix">
        <!-- 右侧主体 begin -->

    <div class="main">
    <!-- 最佳拍档 begin -->
    <!-- 商品详情区域 begin -->
        <a name="review_point" id="review_point" class="browser">&nbsp;</a>
        <a id="comment" name="comment" class="browser">&nbsp;</a>
        <div class="t_box" id="product_tab">
             <!-- 自营图书 详情页 -->
<div id="all_tab_panel" class="tab_panel "><!--tab_panel_fixed -->
    <div class="tab_panel_kf">
        <span class="icon dang"></span> 
        <span class="name">当当自营</span>
        <span class="live800">
        <span class="onlines" id="live800_tab" style="display:none">
            <a href="javascript:void(0)" onclick="ShopName.open_live_supplier();">联系商家</a>
        </span>
        </span>
    </div>
    <ul class="tab clearfix">
        <li class="hover" id="detail_tab" name="__tab_detail_pub" dd_name="商品详情" href="javascript:;">商品详情    </li>
        <li class="" id="comment_tab" name="__tab_comment_pub" dd_name="商品评论" isloaded="1" href="javascript:;">商品评论<font id="commnum">({{$list->commentNum}}条)</font>    </li>
        <li class="" id="question_tab" name="__tab_wenda_pub" dd_name="商品问答" isloaded="1" href="#review_point">商品问答<font id="questionnum">({{$list->questionNum}}条)</font>    </li>
    </ul>
    <div class="tab_panel_btn" id="buyarea_tab">
        <a href="javascript:void(0)" class="btn btn_buy" id="btnbuy_buyarea" onclick="shopCar({{$list->id}});" dd_name="加入购物车（黏性导航）" name="cart_buy" come_in="0">
            <i class="cart"></i>加入购物车
        </a>
        <script type="text/javascript">

            //点击事件
            $(function(){

                //点击详情时
                $('#detail_tab').click(function(){

                    //移走所有的hover class
                    $("ul[class='tab clearfix']").find('li').removeClass('hover');

                    //给自己加上
                    $(this).addClass('hover');

                    //显示所有的内容
                    $('#detail_all,#comment_all,#question_all').show();
                });

                //点击评论时
                $('#comment_tab').click(function(){

                    //移走所有
                    $("ul[class='tab clearfix']").find('li').removeClass('hover');

                    //给自己加上class hover
                    $(this).addClass('hover');

                    //隐藏其他
                    $('#detail_all,#question_all').hide();

                    //自己显示
                    $('#comment_all').show();

                    //走一下加载评论的ajax
                    //移出所有的class="&quot;on&quot; on"
                    $('#review_title_v4').find('a').removeClass('&quot;on&quot; on');

                    //给点击的这个加上class="&quot;on&quot; on"
                    $('#type_1').addClass('&quot;on&quot; on');

                    $.ajax({
                        url:"{{URL('home/detail/')}}/{{$list->id}}",
                        type:"GET",
                        data:{"type":1},
                        dataType:"json",
                        success:function(shuju){
                            $('#review_list_v4').html(shuju.comment);
                            $('#yeye').html(shuju.fenye);
                        },
                        error:function(err){
                            
                        }
                    });
                });
                
                //当进入此页面时，直接加载评论和问答的评论一次（ajax搬运过来）
                //这是加载评论的
                $.ajax({
                        url:"{{URL('home/detail/')}}/{{$list->id}}",
                        type:"GET",
                        data:{"type":1},
                        dataType:"json",
                        success:function(shuju){
                            $('#review_list_v4').html(shuju.comment);
                            $('#yeye').html(shuju.fenye);
                        },
                        error:function(err){
                            
                        }
                    });

                //加载问答的ajax
                $.ajax({
                    url:"{{URL('home/detail/')}}/{{$list->id}}/edit",
                    type:"GET",
                    dataType:'text',
                    async:true,
                    success:function(data){
                        $('#mytime').html(data);
                    },
                    error:function(){
                        
                    }
                });

                //绑定滚动事件
                $(document).scroll(function(){

                    //获得详情页的顶部定位
                    var top = $('#detail_all').offset().top;

                    //获取详情页自己的高度
                    var height = $('#detail_all').height();
                        
                    //获取导航栏的高
                    var myheight = $('#operation_fix').height();
                
                    //顶部定位top+详情页高height-导航栏高myheight就是鼠标滚轮的距离了
                    var juli = top+height-myheight-24;//减去24为顶部导航的高

                    //顶部和导航开始都是隐藏的，大于835时一起出现
                    if($(document).scrollTop()>835 && $(document).scrollTop()<juli){

                        $('#operation_fix').show();//出现导航
                    }else{

                        $('#operation_fix').hide();//隐藏导航栏
                    }

                    //这里是顶部导航的条件
                    if($(document).scrollTop()>835){

                        $('#all_tab_panel').addClass('tab_panel_fixed');//出现顶部栏
                    }else{

                        $('#all_tab_panel').removeClass('tab_panel_fixed');//隐藏顶部栏
                    }
                    // 950 6891 -321 6570+950 7520
                });
                
            });
        </script>
        
        <span class="price" id="buyarea_deposit_price"><!-- 定金:<span>￥27.80</span> --></span>
        <span class="price" id="buyarea_price">当当价:<span class="price_d"><span class="yen">￥</span>{{$list->youhuiPrice}}</span></span>
    </div>
</div>
<div class="t_box_left" id="detail_all" name="Detail_pub" dd_name="商品详情">
    
    <div class="pro_content" id="detail_describe" style="display: block;">
        <ul class="key clearfix">
            <li>版 次：{{$list->rank}}</li>
            <li>页 数：{{$list->goodsNum}}</li>
            <li>字 数：{{$list->goodType}}</li>
            <li>印刷时间：{{$list->marketTime}}</li>
            <li>开 本：{{$list->newGood}}</li>
            <li>纸 张：{{$list->tuijian}}</li>
            <li>印 次：{{$list->jibie}}</li>
            <li>包 装：{{$list->checked}}</li>
            <li>丛书名：{{$list->click}}</li>
            <li>国际标准书号ISBN：{{$list->jiaoyiNum}}</li>
            <li class="clearfix fenlei">
                <label>所属分类：</label>
                <span class="lie">
                    <a target="_blank" href="http://category.dangdang.com/cp01.00.00.00.00.00.html" class="green">
                        {{$list->fenlei1}}
                    </a>&gt;
                    <a target="_blank" href="http://category.dangdang.com/cp01.01.00.00.00.00.html" class="green">
                        {{$list->fenlei2}}
                    </a>&gt;
                    <a target="_blank" href="http://category.dangdang.com/cp01.01.07.00.00.00.html" class="green">
                        {{$list->fenlei3}}
                    </a>
                </span>
            </li>    
        </ul>
    </div>

    <!-- 快速直达 begin -->
    <a name="operation_point2" id="operation_point2" class="browser browser_op">&nbsp;</a>
    <div class="book_operation book_operation_fix" id="operation_fix" style="display: none;" dd_name="快速直达">
        <ul id="navigation_lables">
            <li class="title">快速直达</li>
            <li tab_id="abstract" dd_name="编辑推荐" class="">
                <a href="javascript:;">
                    <span class="icon"></span>编辑推荐
                </a>
            </li>
            <li tab_id="content" dd_name="内容推荐" class="">
                <a href="javascript:;">
                    <span class="icon"></span>内容推荐
                </a>
            </li>
            <li tab_id="authorintro" dd_name="作者简介" class="">
                <a href="javascript:;">
                    <span class="icon"></span>作者简介
                </a>
            </li>
            <li tab_id="catalog" dd_name="目录" class="">
                <a href="javascript:;">
                    <span class="icon"></span>目录
                </a>
            </li>
            <li tab_id="preface" dd_name="前言" class="">
                <a href="javascript:;">
                    <span class="icon"></span>前言
                </a>
            </li>
            <li tab_id="mediafeedback" dd_name="媒体评论" class="">
                <a href="javascript:;">
                    <span class="icon"></span>媒体评论
                </a>
            </li>
            <li tab_id="extract" dd_name="试读章节" class=""><!--hover-->
                <a href="javascript:;">
                    <span class="icon"></span>试读章节
                </a>
            </li>
            <li tab_id="attach_image" dd_name="书摘插画" class="">
                <a href="javascript:;">
                    <span class="icon"></span>书摘插画
                </a>
            </li>
        </ul>
        <script type="text/javascript">

            //锚点的 js
            $(function(){

                //定位用的
                $('#navigation_lables li a').click(function(){
                    var tohere = $(this).parent().attr('tab_id');

                    //跳到自己那里
                    tohere = "#" + tohere;
                    window.location.href= tohere;

                    //会被固定的给遮住，于是使用了-40用来展示 ^_^
                    var haha = $(document).scrollTop();
                    $(document).scrollTop(haha-40);
                });

            });
        </script>
    </div>
    <!-- 快速直达 end -->
            
    {!! $list->gooddetail !!}

<div id="comment_all" class="" name="Comment_pub" dd_name="商品评论" style="display: block;"><!-- 商品评论改版2013/10/15 begin -->
    <div class="mbox3 comment comment_new">
    <h3 class="tit mb0">
        商品评论
        <i>
            <!-- （<a href="http://comm.dangdang.com/reviewlist/23962996" id="comment_review_num_v4"> -->
                {{$list->commentNum}}条
            <!-- </a>条） -->
        </i>
    </h3>

    <div class="comment_head">
        <div class="clearfix comment_head_top">
            <div class="comment_rate" id="comment_rate_v4"> 
                <div class="comment_rate_num">     
                    <p class="rate_num_line1">
                        {{$list->hpl}}
                        <i>%</i>
                    </p>     
                    <p class="rate_num_line2">
                        好评率
                    </p>     
                </div> 
                <p class="comment_rate_total">
                    共{{$list->commentPeople}}人评论
                </p> 
            </div>
           
    </div>

    <!-- 弹框 -->
    <div class="remodal" data-remodal-id="modal" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc" >
      <button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
      <div>
        <h2 id="modal1Title" style="color:red">发表评论</h2>
        <!-- <p id="modal1Desc"> -->
        <form id="modal1Desc" action="" method="post">
            <input type="hidden" name="bid" value="{{$list->id}}">

            <!-- 下面的可以用双括号加“csrf_token()”代替 -->
            <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
            
            <span style='color:#ffcc00'>
                <input type="radio" name="level" value="1">★
                <input type="radio" name="level" value="2">★★
                <input type="radio" name="level" value="3">★★★
                <input type="radio" name="level" value="4">★★★★
                <input type="radio" name="level" value="5">★★★★★
            </span>
            <textarea cols="50" rows="15" name="content" id=""></textarea>
              
        </form>
        <!-- </p> -->
      </div>
      <br>
      <button data-remodal-action="cancel" class="remodal-cancel">取消</button>
      <button data-remodal-action="confirm" class="remodal-confirm" id='fabiaopinglun'>提交</button>
    </div>
    <!-- 弹框 -->

    <!-- 弹框3 -->
    <div class="remodal" data-remodal-id="modal3" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc" >
      <button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
      <div>
        <h2 id="modal1Title" style="color:red">回复楼主</h2>
        <!-- <p id="modal1Desc"> -->
        <form id="modal3Desc" action="" method="post">
            <input type="hidden" name="bid" value="{{$list->id}}">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            
            <textarea cols="50" rows="15" name="content" id=""></textarea>
              
        </form>
        <!-- </p> -->
      </div>
      <br>
      <button data-remodal-action="cancel" class="remodal-cancel">取消</button>
      <button data-remodal-action="confirm" class="remodal-confirm" id='tijiaohuifu'>提交</button>
    </div>
    <!-- 弹框3-->

    <!-- 弹框4 -->
    <div class="remodal" data-remodal-id="modal4" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc" >
      <button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
      <div>
        <h2 id="modal1Title" style="color:red">我要提问</h2>
        <!-- <p id="modal1Desc"> --><br>
        <form id="modal4Desc" action="" method="post" >
            <input type="hidden" name="bid" value="{{$list->id}}">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            标题：<input type="text" name="title"><br><br>
            内容：<textarea cols="50" rows="11" name="content" id=""></textarea>
              
        </form>
        <!-- </p> -->
      </div>
      <br>
      <button data-remodal-action="cancel" class="remodal-cancel">取消</button>
      <button data-remodal-action="confirm" class="remodal-confirm" id='woyaotiwen'>提交</button>
    </div>
    <!-- 弹框4 -->
    <!-- 弹框2 用于商品收藏的弹框-->
        <!-- 决定不用弹框，用直接显示的方式进行 -->
    <!-- 弹框2 -->
    <div class="comment_rate_subject" id="comment_rate_list_v4" style="">
        <h4>大家认为</h4>

        <div class="comment_rate_list">
            <a id='myatocomment' 
                @if(session('homeuser')==null) 
                    href="{{url('home/login')}}" 
                @else 
                    href="#modal" 
                @endif  
            class="commenting" dd_name="评论按钮" name="comment_btn">
                写评论
            </a>
            <script type="text/javascript">

                //想用XDL的弹框，但是没成功,于是下了个插件
                $(function(){

                    $('#fabiaopinglun').click(function(){
                    
                        //提交这个表单，这是提交评论的表单
                        $('#modal1Desc').attr('action',"{{URL('home/detail')}}").submit();
                    });

                    //
                    $('#tijiaohuifu').click(function(){

                        //这是提交回复的表单
                        $('#modal3Desc').submit();
                    });

                    $('#woyaotiwen').click(function(){

                        //提交这个表单，这是我要提问的表单
                        $('#modal4Desc').attr('action',"{{URL('home/ask')}}").submit();
                    });

                });
                
                //
                function hehe(ob)
                {
                    //获取它的id，指定的id为：
                    var tid = $(ob).attr('id');

                    //把弹框三的地址改成带$tid的！
                    $('#modal3Desc').attr('action',"{{URL('home/answer')}}?pid="+tid);

                    //弹框
                    window.location.href='#modal3';
                }
            </script>
            <!-- 横图 -->
            <div class="comment_rate_theme" >
                <h5>装帧设计</h5>
                <ol style="background-color:lime">
                    <li style="width:0%" class="theme_opt_1">
                        <em></em>
                        <span>简约</span>
                    </li>
                    <li style="width:99.9%" class="theme_opt_2">
                        <em></em>
                        <span>精美</span>99.9%
                    </li>
                    <li style="width:0%" class="theme_opt_1">
                        <em></em>
                        <span>普通</span>
                    </li>
                </ol>

            </div>
        </div>
    </div>

</div>

<!-- <div class="commenting_single" id="commenting_single_v4" style="display: none">
    <a target="_blank" href="http://comm.dangdang.com/comment/product_comment.php" class="commenting" dd_name="评论按钮" name="comment_btn">
        写评论，赚积分
    </a>
</div> -->
<div class="comment_body">
    <div class="comment_tabs">
        <div class="clearfix comment_tabs_wrap" id="review_title_v4">

            <a class="&quot;on&quot; on" id="type_1" href="javascript:;" dd_name="全部">
                全部（{{$list->commentNum}}）
            </a>          
            <a  id="type_2" href="javascript:;" dd_name="好评">
                好评（{{$list->hao}}）
            </a>          
            <a id="type_3" href="javascript:;" dd_name="中评">
                中评（{{$list->zhong}}）
            </a>          
            <a id="type_4" href="javascript:;" dd_name="差评">
                差评（{{$list->cha}}）
            </a>
            <script type="text/javascript">

                //ajax 提取不同等级的评论
                $(function(){

                    //点击时
                    $('#type_2').click(function(){
                        // window.location.href="{{URL('home/detail/show')}}?type=2";

                        //移出所有的class="&quot;on&quot; on"
                        $('#review_title_v4').find('a').removeClass('&quot;on&quot; on');

                        //给点击的这个加上class="&quot;on&quot; on"
                        $(this).addClass('&quot;on&quot; on');

                        $.ajax({
                            url:"{{URL('home/detail/')}}/{{$list->id}}",
                            type:"GET",
                            data:{"type":2},
                            dataType:"json",
                            success:function(shuju){
                                $('#review_list_v4').html(shuju.comment);
                                $('#yeye').html(shuju.fenye);
                            },
                            error:function(err){
                                
                            }
                        });
                    });

                    $('#type_3').click(function(){
                        // window.location.href="{{URL('home/detail/show')}}?type=2";


                        //移出所有的class="&quot;on&quot; on"
                        $('#review_title_v4').find('a').removeClass('&quot;on&quot; on');

                        //给点击的这个加上class="&quot;on&quot; on"
                        $(this).addClass('&quot;on&quot; on');

                        $.ajax({
                            url:"{{URL('home/detail/')}}/{{$list->id}}",
                            type:"GET",
                            data:{"type":3},
                            dataType:"json",
                            success:function(shuju){
                                $('#review_list_v4').html(shuju.comment);
                                $('#yeye').html(shuju.fenye);
                            },
                            error:function(err){
                                
                            }
                        });
                    });

                    $('#type_4').click(function(){
                        // window.location.href="{{URL('home/detail/show')}}?type=2";

                        //移出所有的class="&quot;on&quot; on"
                        $('#review_title_v4').find('a').removeClass('&quot;on&quot; on');

                        //给点击的这个加上class="&quot;on&quot; on"
                        $(this).addClass('&quot;on&quot; on');

                        $.ajax({
                            url:"{{URL('home/detail/')}}/{{$list->id}}",
                            type:"GET",
                            data:{"type":4},
                            dataType:"json",
                            success:function(shuju){
                                $('#review_list_v4').html(shuju.comment);
                                $('#yeye').html(shuju.fenye);
                            },
                            error:function(err){
                                
                            }
                        });
                    });

                    $('#type_1').click(function(){
                        // window.location.href="{{URL('home/detail/show')}}?type=2";

                        //移出所有的class="&quot;on&quot; on"
                        $('#review_title_v4').find('a').removeClass('&quot;on&quot; on');

                        //给点击的这个加上class="&quot;on&quot; on"
                        $(this).addClass('&quot;on&quot; on');

                        $.ajax({
                            url:"{{URL('home/detail/')}}/{{$list->id}}",
                            type:"GET",
                            data:{"type":1},
                            dataType:"json",
                            success:function(shuju){
                                $('#review_list_v4').html(shuju.comment);
                                $('#yeye').html(shuju.fenye);
                            },
                            error:function(err){
                                
                            }
                        });
                    });

                });
            </script>      
        </div>

    
    </div>
<div id="zsnr">
    <div class="item_wrap" id="review_list_v4">     
        <!-- <input type="hidden" id="review_total_num" value="2170">     
        <input type="hidden" id="review_rate_num" value="99.4"> -->
    
    </div>
    <div class="paginating larger" id="yeye">
        <ul class="paging" id='myfenye'>                                                                                  
            <li>
                <a href="javascript:void(0)" disabled>
                    &lt;&lt;
                </a>
            </li>                                                                                             
            <li>
                <a href="javascript:void(0)" onclick="toright('type_1',2)">
                    >>
                </a>
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript">

    //这是点击到上一页
    function toleft(b,c){
        
        $.ajax({
            url:"{{URL('home/fenye')}}?direct=left&type="+b+"&id="+{{$list->id}}+"&p="+c,
            type:"GET",
            dataType:"json",
            async:true,
            success:function(shuju){
                $('#review_list_v4').html(shuju.comment);
                $('#yeye').html(shuju.fenye);
            },
            error:function(){
                
            }
        });
    }

   function toright(b,c){
        // window.location.href="{{URL('home/fenye')}}?direct=right&type="+b+"&id="+{{$list->id}}+"&p="+c;
            $.ajax({
                url:"{{URL('home/fenye')}}?direct=right&type="+b+"&id="+{{$list->id}}+"&p="+c,
                type:"GET",
                dataType:"json",
                async:true,
                success:function(shuju){
                   
                    $('#review_list_v4').html(shuju.comment);
                    $('#yeye').html(shuju.fenye);
                },
                error:function(){
                    
                }
            });
    }
</script>  
</div>
<!-- 商品评论 end -->

</div>
</div>

<div id="question_all" class="" name="Question_pub" dd_name="商品问答">    <!-- 商品问答 begin -->
    <div class="mbox3">
        <h3 class="tit">
            商品问答
            <i>
                （<a id="question_total_count" href="javascript:;">{{$list->questionNum}}</a>条）
            </i>
        </h3>
    <div id='mytime'>
    </div>
       
        <script type="text/javascript">
            $(function(){

                //点击问答时
                $('#question_tab').click(function(){
                    
                    //关闭其他的class样式
                    $("ul[class='tab clearfix']").find('li').removeClass('hover');

                    //显示自己的class
                    $(this).addClass('hover');

                    //隐藏其他的内容
                    $('#detail_all,#comment_all').hide();

                    //显示自己的内容
                    $('#question_all').show();

                    //前往编辑里取值
                    $.ajax({
                        url:"{{URL('home/detail/')}}/{{$list->id}}/edit",
                        type:"GET",
                        dataType:'text',
                        async:true,
                        success:function(data){
                            $('#mytime').html(data);
                        },
                        error:function(){
                            
                        }
                    });
                });
                    
            });
        </script>

        <div class="clearfix pr">
         
            <a @if(session('homeuser')==null) href="{{url('home/login')}}" @else href='#modal4' @endif>
                <input type="button" class="btn_ask right" value="我要提问" pid="23962996" id="question_new" name="__Submit_qa_book" dd_name="问答按钮">
            </a>

        </div>
   </div>
   
    <!-- 商品问答 end -->
</div>

<textarea id="mulu" style="display: none;">&lt;li tab_id="abstract" dd_name="编辑推荐"&gt;&lt;a href="javascript:;"&gt;&lt;span class="icon"&gt;&lt;/span&gt;编辑推荐&lt;/a&gt;&lt;/li&gt;&lt;li tab_id="content" dd_name="内容推荐"&gt;&lt;a href="javascript:;"&gt;&lt;span class="icon"&gt;&lt;/span&gt;内容推荐&lt;/a&gt;&lt;/li&gt;&lt;li tab_id="authorintro" dd_name="作者简介"&gt;&lt;a href="javascript:;"&gt;&lt;span class="icon"&gt;&lt;/span&gt;作者简介&lt;/a&gt;&lt;/li&gt;&lt;li tab_id="catalog" dd_name="目录"&gt;&lt;a href="javascript:;"&gt;&lt;span class="icon"&gt;&lt;/span&gt;目录&lt;/a&gt;&lt;/li&gt;&lt;li tab_id="preface" dd_name="前言"&gt;&lt;a href="javascript:;"&gt;&lt;span class="icon"&gt;&lt;/span&gt;前言&lt;/a&gt;&lt;/li&gt;&lt;li tab_id="mediafeedback" dd_name="媒体评论"&gt;&lt;a href="javascript:;"&gt;&lt;span class="icon"&gt;&lt;/span&gt;媒体评论&lt;/a&gt;&lt;/li&gt;&lt;li tab_id="extract" dd_name="试读章节"&gt;&lt;a href="javascript:;"&gt;&lt;span class="icon"&gt;&lt;/span&gt;试读章节&lt;/a&gt;&lt;/li&gt;&lt;li tab_id="attach_image" dd_name="书摘插画"&gt;&lt;a href="javascript:;"&gt;&lt;span class="icon"&gt;&lt;/span&gt;书摘插画&lt;/a&gt;&lt;/li&gt;</textarea>        </div>
        <!-- 商品详情区域 end -->
    </div>
    <!-- 右侧主体 end -->
    <div class='aside' style=''></div>
    <!-- 左侧主体 begin -->
    
        <!--  相关分类 begin -->
        <div class="abox" id="relatecate" dd_name="相关分类" isloaded="1" style="display: none;"></div>
        <!--  相关分类 end -->
    </div>
    <!-- 左侧主体 end -->
</div>
    <!-- content end -->

</div>
            <!-- 您的浏览历史 end -->
        </div>
    </div>
    <!-- content_b end -->
</div>
 
    <!--弹框的js-->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.4/zepto.js"></script>
    <script>window.Zepto || document.write('<script src="./home/Remodal-1.1.0/libs/zepto/zepto.min.js"><\/script>')</script>
    <script src="{{asset('home/Remodal-1.1.0/dist/remodal.js')}}"></script>

    <!-- Events -->
    <script>
      $(document).on('opening', '.remodal', function () {
        console.log('opening');
      });

      $(document).on('opened', '.remodal', function () {
        console.log('opened');
      });

      $(document).on('closing', '.remodal', function (e) {
        console.log('closing' + (e.reason ? ', reason: ' + e.reason : ''));
      });

      $(document).on('closed', '.remodal', function (e) {
        console.log('closed' + (e.reason ? ', reason: ' + e.reason : ''));
      });

      $(document).on('confirmation', '.remodal', function () {
        console.log('confirmation');
      });

      $(document).on('cancellation', '.remodal', function () {
        console.log('cancellation');
      });

      //  Usage:
      //  $(function() {
      //
      //    // In this case the initialization function returns the already created instance
      //    var inst = $('[data-remodal-id=modal]').remodal();
      //
      //    inst.open();
      //    inst.close();
      //    inst.getState();
      //    inst.destroy();
      //  });

      //  The second way to initialize:
      // $('[data-remodal-id=modal2]').remodal({
      //   modifier: 'with-red-theme'
      // });
    </script>
    <!-- 弹框的js -->
    @endsection